<template>
    <div v-if="Object.keys(param).length !== 0"
         class="params-wrap">
        <div v-for="(item,index) in param.rule"
             :key="index">
            <div v-for="(list,index) in item"
                 :key="index"
                 class="flex">
                <div v-for="(listItem,index) in  list"
                     class="rule-list-item">
                    {{listItem}}
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    name: "DetailPramInfo",
    props: {
        param: {
            type: Object,
            default: function () {
                return {};
            }
        }
    }
}
</script>
<style scoped>
.params-wrap {
    margin: 10px 0;
    background-color: #fff;
    padding: 15px;
}
.rule-list-item {
    font-size: 16px;
    flex: 1;
    border-bottom: 1px solid #ececec;
    padding: 10px 4px;
    color: var(--color-high-text);
}
.flex {
    display: flex;
}
.flex > .rule-list-item:first-child {
    color: var(--color-text);
}
</style>